<script lang="ts" setup>
import { reactive } from 'vue';

// typescript
const state = reactive({
  checkbox: []
});

// 选择地址
const onCheckboxChange = () => {

}
</script>

<!-- 地址管理 -->
<template>
  <view class="container">
    <w-address-list @change="onCheckboxChange"></w-address-list>
    <view class="btn-view">
      <navigator url="/pages/address-form/address-form">
        <button hover-class="hover-class-opacity">+ 添加新地址</button>
      </navigator>
    </view>
  </view>
</template>

<style scoped lang="scss">
// scss
.container {
  min-height: calc(100vh - 40rpx);
  background-color: $border-color;
  padding: 20rpx 0;

  .btn-view {
    margin-top: 60rpx;
    padding: 0 60rpx;

    button {
      border-radius: 50px;
      background-color: $primary-color;
      color: #fff;
    }
  }

  .uni-section {
    background-color: transparent;
  }
}
</style>
